<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>

    // 传统的数组取值和对象取值

    // 数组
    var list = [1, 2, 3];
    var a = list[0];
    var b = list[1];
    var c = list[2];

    // 对象取值
    var zhang = { name: "张三", age: 18, height: "177cm", weight: "70kg" }

    var name = zhang.name;
    var age = zhang.age;
    var height = zhang.height;
    var weight = zhang.weight;



    // 变量的解构赋值
    // ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构
    // 本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。


</script>

</html>